//- Copyright (c) 2016 Lucky Byte, Inc.
extends ../layout

append scripts
  script(src="/js/o/351.js")

block content
  form.ui.form.attached.segment.main(action="/o/351/edit" method="post"
    data-disabled="#{record.disabled}")
    input(type="hidden" name="serial" value="")
    input(type="hidden" name="uuid" value="#{record.uuid}")

    h4.ui.dividing.header
      i.caret.down.icon.link.grey.accordion
      | 服务器

    .fields
      .field.four.wide.required
        label 主服务器地址:
        .ui.input
          input(type="text" name="remote_addr" placeholder="必填"
            value="#{record.remote_addr}")
      .field.two.wide.required
        label 主服务器端口:
        .ui.input
          input(type="text" name="remote_port" placeholder="必填"
            value="#{record.remote_port}")

      .field.four.wide
        label 备用服务器地址:
        .ui.input
          input(type="text" name="remote_addr2"
            placeholder="主服务器无响应时使用，如有必填"
            value="#{record.remote_addr2}")
      .field.two.wide
        label 备用服务器端口:
        .ui.input
          input(type="text" name="remote_port2"
            value="#{record.remote_port2}")

    h4.ui.dividing.header
      i.caret.down.icon.link.grey.accordion
      | 通讯参数

    .fields
      .field.two.wide.required
        label 网络超时(秒):
        .ui.input
          input(type="text" name="timeout" placeholder="必填"
            value="#{record.timeout}")
      .field.four.wide.required
        label TPDU:
        .ui.input
          input(type="text" name="tpdu" placeholder="必填"
            value="#{record.tpdu}")

    h4.ui.dividing.header
      i.caret.down.icon.link.grey.accordion
      | 备注信息

    .fields
      textarea(name="notes" type="text" rows="3"
        placeholder="在此输入备忘信息")= record.notes || ''

    .ui.buttons(style="margin-top:40px;")
      if record.disabled
        if page_perms.disable
          button.ui.orange.button#disable(type="button"
            data-disabled="true" data-action="/o/351/disable") 启 用
        else
          button.ui.orange.button.disabled#disable(type="button"
            data-disabled="true")
            i.icon.ban.grey
            | 启 用
      else
        if page_perms.disable
          button.ui.orange.button#disable(type="button"
            data-disabled="false" data-action="/o/351/disable") 禁 用
        else
          button.ui.orange.button.disabled#disable(type="button"
            data-disabled="false")
            i.icon.ban.grey
            | 禁 用

      button.ui.yellow.button#cancel(type="button"
        onclick="window.location = '/o'") 取 消

      if page_perms.edit
        button.ui.green.button#ok(type="submit") 确 定
      else
        button.ui.green.button.disabled#ok(type="submit")
          i.icon.ban.grey
          | 确 定
